<template>
	<view class="">
		<u-navbar autoBack  title="通知公告" leftIconColor="#ffffff" bgColor="#c30d23" :titleStyle="titleStyle" safeAreaInsetTop placeholder>
			<!-- <view slot="left"></view> -->
		</u-navbar>
		<view class="tabBox">
			 <u-tabs :list="list1" lineColor="#c30d23" lineWidth='50' :inactiveStyle="inactiveStyle" :activeStyle="activeStyle" @click="click"></u-tabs>
		</view>
		<u-cell-group>
				<u-cell title="关于晋安泰废热05上市的公告" value="2023-11-08"></u-cell>
				<u-cell  title="关于“甘肃碳交”平台开展手续" value="2023-11-01"></u-cell>
				<u-cell  title="关于吉辉南农碳04上市的公告" value="2023-11-03"></u-cell>
			</u-cell-group>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				activeStyle:{
					fontWeight: '700',
					color:'#333333'
				},
				inactiveStyle:{
					color:'#333333'
				},
				titleStyle: {
					color: "#ffffff",
					fontSize: "36rpx",
					fontWeight: '400'
				},
				list1:[
					{name:'公告'},
					{name:'通知'}
				]
			}
		}
	}
</script>
<style>
	/deep/.u-cell{
		background: #fff;
	}
	/deep/.u-tabs__wrapper__nav__item{
		width: 42%;
		/* justify-content: space-around; */
	}
</style>
<style lang="scss" scoped>
	
	.tabBox{
		width: 100%;
		height: 80rpx;
		background: #fff;
	}
</style>